import React, {Component} from 'react';
import {Row, Col, Carousel} from 'antd';
import banner1 from "../../stylesheets/images/banner1.jpg";
import banner2 from "../../stylesheets/images/banner2.jpg";

class IndexEntryShow extends Component {
    render() {
        return (
            <div className="row">
                <Carousel autoplay>
                    <div className="pos-relative">
                        <img src={banner1} alt="" width="100%" height="707"/>
                        <div className="text-center welding-title" style={{width: "100%"}}>
                            <Row gutter={6}>
                                <Col span={2}/>
                                <Col span={5}>
                                    <div className="welding-title-box">传承发展，创新奋进</div>
                                </Col>
                                <Col span={5}>
                                    <div className="welding-title-box">传承发展，创新奋进</div>
                                </Col>
                                <Col span={5}>
                                    <div className="welding-title-box">传承发展，创新奋进</div>
                                </Col>
                                <Col span={5}>
                                    <div className="welding-title-box">传承发展，创新奋进</div>
                                </Col>
                                <Col span={2}/>
                            </Row>
                        </div>
                    </div>
                    <div className="pos-relative"><img src={banner2} alt="" width="100%"/>
                        <div className="text-center welding-title" style={{width: "100%"}}>
                            <Row gutter={6}>
                                <Col span={2}/>
                                <Col span={5}>
                                    <div className="welding-title-box">传承发展，创新奋进</div>
                                </Col>
                                <Col span={5}>
                                    <div className="welding-title-box">传承发展，创新奋进</div>
                                </Col>
                                <Col span={5}>
                                    <div className="welding-title-box">传承发展，创新奋进</div>
                                </Col>
                                <Col span={5}>
                                    <div className="welding-title-box">传承发展，创新奋进</div>
                                </Col>
                                <Col span={2}/>
                            </Row>
                        </div>
                    </div>
                    <div className="pos-relative">
                        <img src={banner1} alt="" width="100%" height="707"/>
                        <div className="text-center welding-title" style={{width: "100%"}}>
                            <Row gutter={6}>
                                <Col span={2}/>
                                <Col span={5}>
                                    <div className="welding-title-box">传承发展，创新奋进</div>
                                </Col>
                                <Col span={5}>
                                    <div className="welding-title-box">传承发展，创新奋进</div>
                                </Col>
                                <Col span={5}>
                                    <div className="welding-title-box">传承发展，创新奋进</div>
                                </Col>
                                <Col span={5}>
                                    <div className="welding-title-box">传承发展，创新奋进</div>
                                </Col>
                                <Col span={2}/>
                            </Row>
                        </div>
                    </div>
                </Carousel>
            </div>
        );
    }
}

export default IndexEntryShow;
